<script setup lang="ts">
import { defineProps, defineEmits } from 'vue';
const { iconName, color, fontSize } = defineProps({
    iconName: {
        type: String,
    },
    color: {
        type: String,
        default: () => '#000'
    },
    fontSize: {
        type: String,
        default: () => '40'
    }
});
const emits = defineEmits(['click'])
</script>
<template>
    <text :class="['icon', 'font_family', iconName, 'icon-custom']" :style="{
        color: color,
        'font-size': fontSize + 'rpx',
    }" @click="emits('click')"></text>
</template>
<style lang="scss" scoped>
.icon-custom {
    display: flex;
    align-items: center;
}
</style>